<style lang="scss" scoped>
    @import '../../css/resource.scss';
</style>

<template>

    <section>

        <section class="book-nav clearfix">
            <el-breadcrumb separator=" > " class="fl">
                <el-breadcrumb-item >资源管理</el-breadcrumb-item>
                <el-breadcrumb-item >我的资源</el-breadcrumb-item>
                <el-breadcrumb-item v-if="$route.meta">{{$route.meta.title}}</el-breadcrumb-item>
            </el-breadcrumb>
            <span class="book-addbtn  fr fs-16"><span style="margin-right: 10px;">+</span>添加资源</span>
        </section>

        <section class="course">
            <div class="up-nav">
                <div class="title-left">
                    <ul class="tl-top clearfix">
                        <li class="fs-16">书籍</li>
                        <li class="fs-16 font-active">课程</li>
                    </ul>
                </div>

                <div class="title-sec2">
                    <span class="title-secl title-secl1">分类∶</span>

                    <ul class="title-secul">
                        <li>
                            <input class="checkbox-ip" type="checkbox">
                            <span class="fs-14">可分配</span>
                        </li>
                        <li>
                            <input class="checkbox-ip" type="checkbox">
                            <span class="fs-14">可分配</span>
                        </li>
                    </ul>

                    <div class="search-box">
                        <img class="search" src="../../images/search.png" alt="">
                        <input type="text" placeholder="输入名称/作者/出版社/讲师"">
                    </div>
                </div>

            </div>
            <div class="course-lists">
                <ul class="cl-list clearfix">
                    <li class="fl mr mt">
                        <img class="cll-img" src="" alt="">
                        <div class="cll-bottom">
                            <h6 class="cll-title">xxxxx（xx推荐）是标题（某某推荐）是标题是标题是标题是标题是是标题（某某推荐）是标题是标题是标题是标题是是标题（某某推荐）是标题是标题是标题是标题是</h6>
                            <p class="fs-14 cll-author">xxx著</p>
                            <div class="mt40">
                                <span class="orange fs-12 fl lh34">￥</span>
                                <span class="orange fs-20">99.00</span>
                                <span class="cll-shop fs-12 fr lh34">xx人购买</span>
                            </div>
                        </div>
                    </li>
                    <li class="fl mr mt">
                        <img class="cll-img" src="" alt="">
                        <div class="cll-bottom">
                            <h6 class="cll-title ">xxxxx（xx推荐）</h6>
                            <p class="fs-14 cll-author">xxx著</p>
                            <div class="mt40">
                                <span class="orange fs-12 fl lh34">￥</span>
                                <span class="orange fs-20 lh34">99.00</span>
                                <span class="cll-shop fs-14 fr lh34">xx人购买</span>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
        </section>

    </section>

</template>

<script>

import qs from 'qs'

export default{
    data: function(){
        return {}
    },
    mixins: [mixinMethods],
    methods: {

    },
    mounted: function(){

        /*axios.post('/xxx', qs.stringify({})).then( (res) => {
            var d = res.data;
            if(d.flag == 1){
            }
        } )*/
    }
}


</script>